<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>收藏夹</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/favorite.css">
	<script type="text/javascript" src="js/zepto.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="topbar">
			<a href="#">
	            <i class="fa fa-angle-left"></i>
			</a>
            收藏夹
        </div>

        <div class="tabshop">
			<span class="active tabpro">商品</span>
			<span class="tabsp">商铺</span>
		</div>

		<div class="list">
			<div class="con product_con">

					<a href="#" class="market"> 
					<div class="pic" style="background:url(img/user.png) no-repeat 50% 50%;background-size:cover; "></div>
					<div class="right">
						<div class="line">日本进口南部铁器老铁壶茶具铸铁茶壶无涂层</div>
						<div class="line">
							<span class="price">￥1200/个</span><span class="per">1000个起售</span>
						</div>
						<div class="line">乐梦贸易</div>
					</div>
					</a>

					<a href="#" class="market"> 
					<div class="pic" style="background:url(img/user.png) no-repeat 50% 50%;background-size:cover; "></div>
					<div class="right">
						<div class="line">日本进口南部铁器老铁壶茶具铸铁茶壶无涂层</div>
						<div class="line">
							<span class="price">￥1200/个</span><span class="per">1000个起售</span>
						</div>
						<div class="line">乐梦贸易</div>
					</div>
					</a>
			
			</div>
			<div class="con shop_con">
				
				<a href="#" class="market"> 
					<div class="pic" style="background:url(img/user.png) no-repeat 50% 50%;background-size:cover; "></div>
					<dl class="right">
						<dt>丽萍玩具</dt>
						<dd>店主：吴丽萍</dd>
						<dd>电话：1989888888</dd>
						<dd>地址：义乌市国际商贸城一区1楼2023</dd>
					</dl>
				</a>

				<a href="#" class="market"> 
					<div class="pic" style="background:url(img/user.png) no-repeat 50% 50%;background-size:cover; "></div>
					<dl class="right">
						<dt>丽萍玩具</dt>
						<dd>店主：吴丽萍</dd>
						<dd>电话：1989888888</dd>
						<dd>地址：义乌市国际商贸城一区1楼2023</dd>
					</dl>
				</a>

			</div>
		</div>
	</div>
	<script type="text/javascript">
	$(function(){
		
		$(".tabpro").click(function(){
			$(this).addClass('active');
			$(".tabsp").removeClass('active');
			$(".product_con").show();
			$(".shop_con").hide();
			$(".view").val("product_con");
		});

		$(".tabsp").click(function(){
			$(this).addClass('active');
			$(".tabpro").removeClass('active');
			$(".product_con").hide();
			$(".shop_con").show();
			$(".view").val("shop_con");
		});
	});
	</script>
</body>
</html>